<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>会员使用手册</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <main class="main">
    <section class="list-item">
      <div class="item-image">
        <img src="./images/userbook/1.jpg" alt="item-image-1">
      </div>
      <div class="item-text">
        <div class="item-title">「套餐推荐」</div>
        <div class="item-desc">
          四季奶坊根据用户的喜爱程度搭配的套餐（饮品+甜品），套餐价相比单品价，低至6折<br><br>
          直接购买：套餐推荐->加入购物车<br><br>
          了解更多：套餐推荐->点击套餐图片->套餐详细信息
        </div>
      </div>
    </section>

    <section class="list-item">
      <div class="item-image">
        <img src="./images/userbook/2.jpg" alt="item-image-2">
      </div>
      <div class="item-text">
        <div class="item-title">「销量排行榜」</div>
        <div class="item-desc">
          四季奶坊所有单品销量的排行榜，我们这里为您列举了销量榜的前十，您可根据本店的销量榜选择您喜欢的单品<br><br>
          直接购买：销量排行榜->加入购物车<br><br>
          了解更多：销量排行榜->点击单品图片->单品详细信息
        </div>
      </div>
    </section>

    <section class="list-item">
      <div class="item-image">
        <img src="./images/userbook/3.jpg" alt="item-image-3">
      </div>
      <div class="item-text">
        <div class="item-title">「店家推荐」</div>
        <div class="item-desc">
          四季奶坊根据用户喜爱度和制作流程为您推荐的单品<br><br>
          直接购买：店家推荐->加入购物车<br><br>
          了解更多：店家推荐->点击单品图片->单品详细信息
        </div>
      </div>
    </section>

    <section class="list-item">
      <div class="item-image">
        <img src="./images/userbook/4.jpg" alt="item-image-4">
      </div>
      <div class="item-text">
        <div class="item-title">「甜品」</div>
        <div class="item-desc">
          众所周知，当今社会的生活节奏明显加快，心理压力过大已成为不容忽视的问题，而甜品正有缓解心理压力的神奇功效<br><br>
          直接购买：甜品->加入购物车<br><br>
          了解更多：甜品->点击单品图片->单品详细信息
        </div>
      </div>
    </section>

    <section class="list-item">
      <div class="item-image">
        <img src="./images/userbook/5.jpg" alt="item-image-5">
      </div>
      <div class="item-text">
        <div class="item-title">「奶茶」</div>
        <div class="item-desc">
          奶茶是可以调节人体的酸碱平衡的,牛奶还含丰富的蛋白、脂肪等多种高级营养物质<br><br>
          直接购买：奶茶->加入购物车<br><br>
          了解更多：奶茶->点击单品图片->单品详细信息
        </div>
      </div>
    </section>

    <section class="list-item">
      <div class="item-image">
        <img src="./images/userbook/6.jpg" alt="item-image-6">
      </div>
      <div class="item-text">
        <div class="item-title">「咖啡」</div>
        <div class="item-desc">
          咖啡是可以可提高心脏功能，使血管舒张，促进血液循环。对于肠胃系统，它可以帮助消化，帮助脂肪的分解<br><br>
          直接购买：咖啡->加入购物车<br><br>
          了解更多：咖啡->点击单品图片->单品详细信息
        </div>
      </div>
    </section>

    <section class="list-item">
      <div class="item-image">
        <img src="./images/userbook/7.jpg" alt="item-image-5">
      </div>
      <div class="item-text">
        <div class="item-title">「蛋糕」</div>
        <div class="item-desc">
          吃蛋糕在你的意愿之内，大大的增强了你对美好生活的渴望度，有了蛋糕相伴，精彩每一天<br><br>
          直接购买：蛋糕->加入购物车<br><br>
          了解更多：蛋糕->点击单品图片->单品详细信息
        </div>
      </div>
    </section>

    <section class="list-item">
      <div class="item-image">
        <img src="./images/userbook/8.jpg" alt="item-image-5">
      </div>
      <div class="item-text">
        <div class="item-title">「购物车」</div>
        <div class="item-desc">
          购物车会展示您加入购物车的商品，同时根据您购买的商品计算制作时间，让您减少等待的焦虑<br><br>
        </div>
      </div>
    </section>
  </main>
</body>
</html>